/*站点标签通用样式定义*/
html,body{
font-family:Microsoft YaHei,arial,宋体;font-size: 13px; line-height: 2;color:#666666; margin:0 auto; background:#fff; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em, body ,span,input{ margin: 0; padding: 0; border: 0; font-family:微软雅黑,arial,宋体;}
a{text-decoration:none;color:#666666; }
a:hover{ color:#ca0c0c; }
ul,li{list-style-type:none;}
/*全局样式类定义*/
.clear { clear: both; height:0; overflow:hidden;}
/*格式化代码-e*/
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
.clear{ clear:both; height:0px;}
.inner{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
/*head*/
.head{ border-bottom:1px solid #ccc;}
.logo{ width:410px; margin-right:10px; float:left;}
.logo img{ float:left; margin-right:10px;}
.logo h2{ float:left; font-size:20px; font-weight:bold; line-height:1; margin-top:40px; color:#000;}
.logo h3{ float:left; font-size:10px; font-weight:normal; text-transform:uppercase; letter-spacing:-1; color:#333;}
.tel{ float:left; background:url(../images/tel.png) no-repeat left; height:35px; padding-left:36px; margin-top:40px; margin-left:20px; color:#ee6403; font-size:18px; font-family:Verdana, Geneva, sans-serif;}
.cnen{ float:right; margin-top:20px;}
.cnen img{ width:23px; height:15px;}
/* navBar */
.navBar{ float:left;color:#333;height:108px;line-height:108px; margin-top:0px;}
.nav{position:relative;font-family:"Microsoft YaHei",SimSun,SimHei;font-size:14px;}
.nav a{color:#333;}
.nav h3{font-size:14px;font-weight:normal;}
.nav li:hover h3{border-bottom: 5px solid #ee6403;-webkit-transition: all .3s;transition: all .3s;}
.nav .m{float:left;position:relative;z-index:99999;}
.nav h3 a{display:block;width:90px;text-align:center;}
.nav .sub{display:none;position:absolute;left:0px;top:113px;z-index:99999;width:90px;border:1px solid #E6E4E3;border-top:0;background:#fff;}
.nav .sub li{text-align:center;padding:0 8px;margin-bottom:-1px;}
.nav .sub li a{display:block;border-bottom:1px solid #E6E4E3;padding:8px 0;height:28px;line-height:28px;color:#000;font-size:12px;font-weight:normal;}
.nav .sub li a:hover{color:#ee6403;}
.nav .block{height:5px;width:60px;background:#ee6403;position:absolute;left:30px;top:110px;overflow:hidden;}
/*product*/
.pro{ margin-top: 30px;margin-bottom: 30px;padding-top: 30px;text-align:center; }
.pro h2{ color: #e65e04; font-size: 35px; font-weight: normal;}
.pro h3{ width: 110px; border-bottom: 1px solid #ccc; margin:0 auto;}
.pro h4{ margin: 0 auto; color: #2d2d2d; font-size: 14px; font-weight: normal;line-height: 3;}
/*about*/
.about{ background: url(../images/about.jpg) no-repeat top center; text-align: center;}
.about h2{ color: #e65e04; font-size: 35px; font-weight: normal; padding-top: 30px;}
.about h3{ width: 110px; border-bottom: 1px solid #ccc; margin:0 auto;}
.about h4{ margin: 0 auto; color: #2d2d2d; font-size: 14px; font-weight: normal;line-height: 3;padding-bottom: 30px;}
.about .more{ padding: 15px 20px; background: #e65e04; color: #fff; }
.about .more:hover{ background: none; border: 1px solid #e65e04; color: #e65e04;-webkit-transition: all .5s;transition: all .5s;}
/*news*/
.news{ background: url(../images/contact.jpg) no-repeat top center; color: #fff; padding:40px 0 60px 0; margin-top: 50px; margin-bottom: 40px;}
.new{width: 460px; float: left;}
.new h2{ border-left: 5px solid #e65e04; line-height: 1; font-size: 20px; padding-left: 15px; font-weight: normal; float: left;}
.new h2 i{text-transform: uppercase;font-size: 14px; font-style: normal;}
.newa{margin-top: 20px; float: left;}
.newa li{ float: left; width: 460px; border-bottom: 1px solid #fff; line-height: 4;}
.newa li a{ float:left;color: #fff; font-size: 14px;display:block; width: 460px; margin: 1px 0;}
.newa li span{ float: right;}
.newa li a:hover{ background: #fff; color: #333; padding: 0 5px;width: 450px;-webkit-transition: all .5s;transition: all .5s; }
.con { float: right;width: 610px;}
.con h2{ border-left: 5px solid #e65e04; line-height: 1; font-size: 20px; padding-left: 15px; font-weight: normal; float: left; width: 100%;}
.con h2 i{text-transform: uppercase;font-size: 14px; font-style: normal;}
.con p{ margin-top: 40px; float: left; line-height: 2.5; text-transform: uppercase; }
.ewm{ float: right; width: 173px; text-align:center; margin-top: 20px;}
.ewm img{ width: 153px;height: 153px; border: 10px solid #fff;}
/*foot*/
.ftb{ background:#000; line-height:4; color:#fefefe; font-size:14px;}
.ftb a{color:#fff; background:none;}
.ftb a:hover{ color:#e65e04;-webkit-transition: all .5s;transition: all .5s; }
.hide{display:none;}
#tab{ margin-top:20px;}
#tab ul a{ color:#797979;}
#tab ul{ border:1px solid #ccc; padding:20px; margin-bottom: 20px;}
#tabs{ margin-top:30px;}
#tabs li{ border-left:3px solid #000; float:left;list-style:none; margin:0 5px; font-size:16px; line-height: 1.2;}
#tabs li a{ display:block; color:#333; padding:0 5px;}
#tabs li.on { border-color:#e65e04;}
.ban{ background: url(../images/ban.jpg) no-repeat center; height: 450px; margin-bottom: 40px;}
.lm{ width: 310px; float: left; margin-bottom: 80px;}
.lm h2{ color: #fff; background: #f4af00; text-align: center; font-size: 25px; padding-bottom: 30px;}
.lm h2 b{ float: right; margin-right: 20px; margin-top: 20px; line-height: 1; font-size: 40px;}
.lm ul li{ float: left; width: 308px; border:1px solid #ccc; margin: 10px 0; line-height: 3;}
.lm ul li a{ float: left; padding-left: 20px; color: #333;}
.lm ul li b{ float: right; margin-right: 25px; color:#333; }
.lm ul li:hover b,.lm ul li:hover a{color:#f4af00; -webkit-transition: all .5s;transition: all .5s;}
.lm ul li:hover{ border-color: #f4af00;-webkit-transition: all .5s;transition: all .5s;}
.content{ }
.content h2.cona{ font-size: 14px; font-weight: normal; width: 100%; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; margin-bottom: 20px; background: url(../images/weizhi.jpg) no-repeat 0px 8px; padding-left: 40px;}
.content h2.cona a{ color: #333;}
.content h2.cona a:hover{color: #f4af00;-webkit-transition: all .5s;transition: all .5s;}
/* fullSlide */
.fullSlide{width:100%;position:relative;height:579px; }
.fullSlide .bd li{width:100% !important;height:579px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:579px;}
.bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.bd ul{width:100% !important;}
.hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.hd ul{text-align:center;}
.hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:6px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.hd ul .on{background:#f00;}
.prev,.next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.next{left:auto;right:15%;background-position:-6px -137px;}
.fullSlidea{width:100%;position:relative;height:380px; }
.fullSlidea .bd li{width:100% !important;height:380px;overflow:hidden;text-align:center;}
.fullSlidea .bd li a{display:block;height:380px;}
.bannera{ text-align:center; margin:15px 0;}
/*Main Content*/
.MainContent { overflow: hidden; clear: both; text-align:left; }
.MainContent div, .MainContent ul, .MainContent li { }
/*Detail Content*/
.DetailContent {margin: 10px auto; line-height: 24px; color: #333; }
.DetailContent p{padding:5px; line-height:25px;}
/*Article List*/
.arLista li{border-bottom:1px solid #d5d5d6;background:url(../images/titdot.jpg) no-repeat left center; text-indent:12px; margin-bottom:15px; line-height:26px;}
.arList li { border-bottom:1px solid #d5d5d6; background:url(../images/titdot.jpg) no-repeat left 15px; margin-bottom:15px; line-height:26px;}
.arList li h3{ font-size:18px; font-weight:normal; line-height:44px; color:#333333; padding-left:12px;}
.arList li img{ width:107px; height:57px; float:left; padding-right:15px;}
.arList .newsl{ float:left; width:700px;}
.newsr h2{ font-size:35px; line-height:32px; padding-top:16px;}
.newsr{ width:85px; height:80px; float:right; background:#e3e3e3; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
/*Article Content*/
.arTitle, .arDate, .arKeywords, .arContent { clear: both; }
.arTitle { line-height: 36px; text-align: center; color: Black; }
.arDate { height: 24px; line-height: 24px; text-align: center; }
.arDate span{background:url(../images/data.png) no-repeat left center;padding-left: 25px;}
.arDate span i{font-style:normal;color:#db0023;}
.arKeywords { height: 24px; margin: 6px auto; line-height: 24px; color: #db0023;}
.arContent { margin: 10px auto; color: #333;border-bottom: 1px solid #ccc;padding-bottom: 25px;}
.arContent P{font-size:14px;line-height: 180%; }
/*Exhibit List*/
.ExhibitList { clear: both; margin: 0 auto;}
.ExhibitList li { float: left; width: 260px; margin:15px 10px;text-align: center; border: 1px solid #e4e4e4; }
.ExhibitList li:hover, .ExhibitList li:hover div.ImageTitle{background:#db0023;color:#fff; display:block;}
.ExhibitList li div.ImageTitle{height:25px;line-height:25px;text-align:center;background:#fff; overflow:hidden;}
.ExhibitList li img { padding: 5px; width:250px; height:188px; }
.ExhibitList li p{height:25px;line-height:25px; overflow:hidden;}
.ExhibitLista li{ float:left; margin:15px;}
.ExhibitLista li img{ padding:5px; border:1px solid #ccc;}
/*Product Index*/
.picl {margin: 0 0 0 6px;width: 935px;}
.piclItem { float: left; width: 412px; margin: 10px 20px 0px 10px; background-color: #f7f7f7; border: 1px solid #d5d5d5;border-radius: 5px; }
.piclClassImage { float: left; display: inline; margin: 15px 10px; padding: 5px; border: 1px solid #cccccc; }
.piclClassInfo { float: left; width: 190px; margin-top: 15px; }
.piclClassTitle { height: 20px; line-height: 20px; }
.piclClassTop3 { margin-top: 3px; }
.piclClassTop3 li { width: 190px; height: 24px; line-height: 24px; overflow:hidden; background: url(../images/dot.jpg) no-repeat left center; text-indent: 6px; }
.piclClassTop3 li a{padding-left:5px;font-size:14px;}
.piclClassOther { width: 180px; margin-top: 3px; text-align: center; font-size: 12px; color: #666666; background-color: #EEEEEE; border: 1px solid #999999; }
/*Product List*/
.pdTitle h2{ font-size:18px;}
.ProductList { margin: 0 auto; }
.pdListItem { height: 164px; margin-top: 10px;border-bottom:1px dotted #ccc;margin-bottom: 18px;}
.pdImage { float: left; width: 180px; height: 135px; margin: 14px 0px 0px 10px; border: 1px solid #cccccc; }
.pdInfo { float: right; width: 960px; height: 115px; margin-top: 17px; margin-right: 10px; }
.pdListItem:hover .prolistmo{border:1px solid #db0023;}
.pdListItem:hover .prolistmo a{color:#db0023;}
.pdListItem:hover .pdTitle a{color:#db0023;}
.pdListItem:hover .pdImage{border:1px solid #db0023;}
.pdInfo .pdTitle { height: 22px; line-height: 12px; }
.pdInfo .pdTitle a { font-size: 16px; font-weight: bold; color: #656565; }
.pdInfo .pdTitle .ProSubTitle { display: none; color: Red; font-size: 12px; }
.pdInfo .pdOverview { height: 66px; line-height: 22px; margin-top: 3px; }
.pdInfo .pjlistmo{margin-top:-10px;}
.prolistmo{width:97px;height:28px;line-height:28px;color:#666;font-size:14px;border:1px solid #ccc;text-align:center;float: right; margin-top: 10px;}
.pdInfo .pdQuickButton { float: right; clear: both; height: 20px; margin-top: 4px; }
.pdInfo .pdQuickButton li { float: left; width: 73px; height: 20px; margin-left: 10px; }
.bpi, .bpv, .bpc, .bpd, .bpj { display: none; }
/*Product Content*/
.ProductBox { clear: both; width: 100%; height: 197px; margin: 10px auto; background-image: url(../Images/pdBox.gif); }
.ProductBox .ImageBox { float: left; display: inline; width: 220px; height: 150px; margin-left: 10px; margin-top: 16px; }
.ProductBox .InfoBox { float: right; display: inline; height: 150px; margin-right: 10px; margin-top: 16px; line-height: 22px; }
.ProductBox .InfoBox .pdTitle { height: 22px; }
.ProductBox .InfoBox .pdKeywords { height: 22px; }
.ProductBox .InfoBox .pdOverview { height: 88px; }
.ProductBox .OrderBox { display: block; width: 155px; height: 42px; float: right; margin-top: -11px; margin-right: 10px; }
.ProductButton { clear: both; width: 710px; height: 38px; margin: 10px auto; }
.ProductButton li { float: left; }
.ProductInfo { clear: both; width: 710px; margin: 10px auto; }
.BoxHeader { width: 710px; height: 7px; }
.BoxFooter { width: 710px; height: 7px; }
.BoxBody { clear: both; padding: 10px; border-bottom: 1px solid #ccc;}
.RelatedProduct { clear: both; width: 710px; margin: 10px auto; }
.rpTitle { float: left; width: 40px; height: 50px; margin-left: 10px; background-color: #a10200; color: #ffffff; line-height: 25px; text-align: center; }
.rpList { width: 250px; float: left; margin: 0 20px; }
.rpList li { width: 250px; height: 24px; border-bottom: 1px dashed #cccccc; line-height: 24px; background: url(../images/dot1.gif) no-repeat left center; text-indent: 6px; }
.RelatedInfo { clear: both; width: 710px; margin: 10px auto; }
.riTop { height: 20px; border-bottom: 1px solid #cccccc; line-height: 20px; }
.riTitle { float: left; }
.riMore { float: right; }
.riLeft { margin-top: 10px; }
.riList li { width: 44%; height: 24px; border-bottom: 1px dashed #cccccc; line-height: 24px; background: url(../images/dota.png) no-repeat left center; text-indent: 10px; float:left; margin:0 3%; }
/*Project List*/
.ProjectList { width: 710px; margin: 0 auto; }
.pjListItem { width: 710px; height: 149px; margin-top: 10px; }
.pjImage { float: left; display: inline; width: 180px; height: 135px; margin: 17px 0px 0px 10px; padding: 5px; border: 1px solid #cccccc; }
.pjInfo { float: right; display: inline; width: 660px; height: 115px; margin-top: 17px; margin-right: 10px; }
.pjInfo .pjTitle { margin: 5px 0;}
.pjInfo .pjTitle h3{color: #db0023; }
.pjInfo .pjTitle a { font-size: 16px; text-decoration: none; font-weight: bold; }
.pjInfo .pjCustomer { height: 24px; line-height: 24px; }
.pjInfo .pjClass { height: 24px; line-height: 24px; }
.pjInfo .pjOverview { height: 72px; line-height: 24px; }
/*Project Content*/
.ProjectBox {height: 175px; margin: 10px auto; border-bottom: 1px solid #ccc;}
.ProjectContent {margin: 10px auto; }
/*Job List*/
.JobList { width: 710px; margin: 50px auto 0; }
.JobListItem { margin-bottom: 30px; width: 100%; padding-bottom:30px;border-bottom:1px dotted #ccc;}
.JobPost { width: 710px; }
.JobPost tr { }
.JobPost td {height: 24px; line-height: 24px;
font-size: 14px;}
.JobPost td b{font-weight:normal;}
.jpTitle { width: 100px; text-align: center; font-size:14px;color:#000;}
.jpContent { width: 250px; padding: 0px 5px; }
.jpUnite { width: 600px; padding: 3px 5px; }
/*Equipment*/
.equipment { width: 500px; height: 314px; margin: 20px auto; background-image: url(../Images/Equipment.jpg); background-repeat: no-repeat; }
.equipment a { display: block; width: 201px; height: 59px; }
.e_button { float: left; width: 201px; height: 59px; margin-right: 32px; }
.e_button_1 { float: left; width: 201px; height: 59px; margin-left: 8px; }
.e_position { margin-left: 29px; margin-bottom: 60px; padding-top: 63px; }
.e_position_1 { margin-left: 29px; }
/*Product&Project List SubTitle&Hot*/
.SubTitle { display: none; color: Red; font-size: 12px; }
.HotImage { display: none; }
.shareurl{margin-top:10px;line-height: 28px;}
/*Prev Next*/
.FastMove { clear: both; margin: 10px auto;}
.FastMove .Prev, .FastMove .Next { height: 30px; line-height: 30px; }
/*PageBar*/
.PageBar { clear: both; width: 710px; height: 54px; margin: 20px auto 10px auto; font-size: 12px; text-align: center; }
.PageButtons { height: 28px; }
.PageButtons span, .PageButtons a { height: 26px; line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; padding: 4px 6px; }
.PageButtons span { color: #ffffff; background-color: #CCCCCC; }
.PageButtons a { color: #333333; }
.PageButtons a:hover { background-color: #FFFF99; }
.PageInfo { height: 24px; line-height: 24px; }
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license 弹出层 */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('../images/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(../images/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('../images/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('../images/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
图片点击放大
*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}
/*产品内页集锦切图*/
.slides_container { float:left; width: 180px; overflow: hidden; }
.slides_container a { width: 180px; height: 150px; display: block; }
.slides_container a img { display: block; }
#slides .next, #slides .prev { float:left; width: 20px; height: 96px; display: block; margin-top:32px; text-align:center; }
/*产品弹出窗口内的集锦图*/
.ad-gallery div{ overflow:hidden;}
.ad-gallery { width: 600px; }
.ad-gallery, .ad-gallery * { margin: 0; padding: 0; }
.ad-gallery .ad-image-wrapper { width: 100%; height: 400px; margin-bottom: 10px; position: relative; overflow: hidden; }
.ad-gallery .ad-image-wrapper .ad-loader { position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC; }
.ad-gallery .ad-image-wrapper .ad-next { position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200; }
.ad-gallery .ad-image-wrapper .ad-prev { position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 200; }
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */ background: url(../images/trans.gif); }
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../images/ad_prev.png); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101; }
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../images/ad_next.png); width: 30px; height: 30px; right: 0; left: auto; }
.ad-gallery .ad-image-wrapper .ad-image { position: absolute; overflow: hidden; top: 0; left: 0; z-index: 9; }
.ad-gallery .ad-image-wrapper .ad-image a img { border: 0; }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: left; width: 100%; z-index: 2; background: url(../images/opa75.png); color: #000; }
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src= '../images/opa75.png' ); }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: block; }
.ad-gallery .ad-controls { height: 20px; }
.ad-gallery .ad-info { float: left; }
.ad-gallery .ad-slideshow-controls { float: right; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px; cursor: pointer; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px; font-size: 0.9em; }
.ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default; font-style: italic; }
.ad-gallery .ad-nav { width: 100%; position: relative; }
.ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute; top: 0; height: 100%; z-index: 10; }
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; }
.ad-gallery .ad-back { cursor: pointer; left: -20px; width: 13px; display: block; background: url(../images/ad_scroll_back.png) 0px 22px no-repeat; }
.ad-gallery .ad-forward { cursor: pointer; display: block; right: -20px; width: 13px; background: url(../images/ad_scroll_forward.png) 0px 22px no-repeat; }
.ad-gallery .ad-nav .ad-thumbs { overflow: hidden; width: 100%; }
.ad-gallery .ad-thumbs .ad-thumb-list { float: left; width: 9000px; list-style: none; }
.ad-gallery .ad-thumbs li { float: left; padding-right: 5px; }
.ad-gallery .ad-thumbs li a { display: block; }
.ad-gallery .ad-thumbs li a img { border: 3px solid #CCC; display: block; }
.ad-gallery .ad-thumbs li a.ad-active img { border: 3px solid #616161; }
/* Can't do display none, since Opera won't load the images then */
.ad-preloads { position: absolute; left: -9000px; top: -9000px; }
/*products*/
.mar_con{border:1px solid #ccc;border-radius:5px; padding:20px 10px;}
/*产品详情页图片集锦效果*/
.right-extra .mt{height:28px;line-height:28px;padding:0 10px 8px;border-top:1px solid #EED97C;background:url(../images/bg_hotsale.gif) repeat-x 0 -552px;color:#c00;}
.right-extra .tab{border-bottom:2px solid #BE0000;margin-bottom:10px;}
.right-extra .tab li{position:relative;height:24px;padding:3px 12px 0;background:url(../images/icon_clubs.gif) #ccc no-repeat right -150px;overflow:hidden;margin-right:3px;line-height:24px;font-size:14px;font-weight:bold;color:#c30;}
.right-extra .tab span{position:absolute;left:0;top:0;z-index:1;width:10px;height:27px;background:url(../images/icon_clubs.gif) no-repeat 0 -150px;}
.right-extra .tab a{float:none;color:#c30;}
.right-extra .tab .curr{background-position:right -178px;color:#fff;}
.right-extra .tab .curr span{background-position:0 -178px;}
.right-extra .tab .curr a{color:#fff;}
.right-extra .mc .extra{padding:5px 10px;border-top:1px solid #F3E6C6;}
.right-extra .total{float:right;}
.right-extra .total strong{color:#FF7403;}
.right-extra .total a:link,.right-extra .total a:visited{color:#005aa0;}
.right-extra .join a:link,.right-extra .join a:visited{color:#FF7604;}
.right-extra .norecode{padding:0 10px 10px;}
.right-extra .iloading{margin-bottom:10px;}
/*评论列表*/
#comment .item{border:1px solid #FFFFFF;padding:8px 15px;}
#comment .odd{background: none repeat scroll 0 0 #F4F9FF;border: 1px solid #EDF0F1;border-radius:10px 10px 10px 10px;}
#comment .user{color:#999999;text-align: right;}
#comment .user span{margin-left: 20px;}
#comment .user .u-level{color:#088100;}
#comment dl{margin-bottom:5px;overflow:hidden;}
#comment dt{float:left;text-align:right;width:80px;}
#comment dd{float:right;overflow:hidden;width:649px;}
#comment .content{float:left;width:510px;}
#comment .date-answer{color:#999999;float:right;text-align:right;width:117px;}
#comment .useful{color:#999999;text-align:right;}
#comment .useful a{color: #005AA0;}
#comment dt b{background-image: url("../images/icon_clubs.gif");background-repeat: no-repeat;float:left;height:13px;margin:2px 3px 0 0;width:14px;}
#comment .ask b{background-position:-72px -14px;}
#comment .answer{color:#D75509;}
#comment .answer b{background-position:-57px -14px;}
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:263px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:360px;height:270px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:362px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:42px; line-height:42px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:44px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:44px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:38px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}
.InfoBox { float: right; display: inline; width:480px; height: 314px; margin-right: 10px; margin-top: 6px; line-height: 22px; position: relative;}
.InfoBox .pdTitle{font-size:24px;font-weight:bold;color:#db0023;margin: 12px 0;}
.pdKeywords{color:#4a4a4a;font-size:12px;margin-bottom: 6px;}
.pdClass, .pdClass a{margin-bottom: 6px;}
.pdOverview{}
.pdpromo{width:100px;height:36px;line-height:36px;background:#db0023;text-align:center;font-size:14px;position: absolute;bottom: 10px;right: 0;}
.xggc{width:100px;height:36px;line-height:36px;background:#db0023;text-align:center;font-size:14px;position: absolute;bottom: 10px;right: 135px;}
.pdpromo a, .xggc a{color:#fff;}
.right-extra{float:left;}
/*产品详情页*/
.ny_detail{padding: 10px 0px 0px;}
.detail_tit{text-align: center;line-height: 30px;color: #999;}
.detail_tit h2{color: #000;font-size: 24px;line-height: 45px;text-align: center;overflow: hidden;font-family: "微软雅黑";}
.ArticleKeywords{height: 24px;line-height: 24px;text-indent: 10px;color: #007ee0;border-bottom: dashed 1px #858585;}
.cptp{text-align:center;padding:20px 0;}
.detail_wz{line-height:24px;margin: 10px auto;line-height: 24px;color: black;}
.page2 p {height: 30px;line-height: 30px;padding: 0 10px;display: block;font-weight: 200;}
.page2 p a {color: #33afb5;}
.but_tit {height: 30px;border-bottom: 2px solid #ccc;line-height: 30px;margin-top: 25px;}
.but_tit span{display:block;width:114px;height:30px;line-height:30px;color:#fff;background: #db0023;text-align:center;}
.but_tit span em{width: 6px;height: 14px;background-color: #fff;display: inline-block;vertical-align: middle;margin: -3px 5px 0 0;}
.ljcg ul li b {display: block;width: 95px;height: 22px;float: left;color: #666;line-height: 20px;font-weight: normal;overflow: hidden;text-align: right;}
.ljcg {width: 630px;height: auto;padding: 10px 0 0 30px;overflow: hidden;}
.ljcg ul li em {font-style: normal;color: #999;font-size: 12px;line-height: 20px;padding-left: 10px;overflow: hidden;}
.mri02m_dd {width: 280px;height: 20px;border: 1px solid #D3D4D3;font-size: 12px;padding: 0px 2px;overflow: hidden;margin-left: 5px;}
.mri02m_ly {width: 400px;height: 70px;border: 1px solid #D3D4D3;padding: 0px 2px;overflow: auto;color: #B9B9B9;font-size: 12px;line-height: 22px;
margin-left: 5px;}
.ljcg ul li {padding: 0px 0px 5px;}
.mri02m_tj {width: 58px;height: 25px;margin: 8px 0px;color: #FFF;font-size: 12px;line-height: 25px;text-align: center;background: #118cda;j;overflow: hidden;
cursor: pointer;border: none;}
.xgwz ul{padding:25px 0;}
.xgwz ul li {height: 28px;line-height: 28px; text-indent:12px; border-bottom: 1px dashed #cecece;overflow: hidden;width: 48%;float: left;margin: 0 1%;}
overflow: hidden;width: 417px;float: left;margin: 0 10px;}
.xgwz ul li span {float: right;}
.zxpro_con {width: 708px;padding: 15px 0 0 0px;}
.zxpro_con li {float: left;margin: 0 15px;overflow: hidden;text-align:center;}
.zxpro_con li span {display: block;height: 30px;line-height: 30px;text-align: center;width: 206px;overflow: hidden;}
.zxpro_con li img {padding: 2px;border: 1px solid #cecece;}
.zxpro_con li a{ display: block;height: 175px;line-height: 34px;}
.zxcp li{ }
/*zdd*/
.ztitle{border-bottom:1px solid #ccc;margin-top: 20px;}
.ztitle span{float:left;display:block;width:100px;height:40px;line-height:40px;text-align:center;color:#db0023;font-size:20px;background:#f0f0f0;font-size:14px;margin:0 4px 0 0;}
.ztitle span a{color:#db0023;}
.ztitle span.tithov, .ztitle span.tithov a{background:#db0023;color:#fff;}
.zntit_con{display:none; margin: 20px 0;border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.zntit_con p{font-size:14px;color:#333;line-height: 24px;}
.zntit_con1{display:block;}
/*citylist css*/
.wrap { font-size:13px;}
.wrap .clear:after{ content:"."; display:block; clear:both; height:0; visibility:hidden;}
.wrap a{text-decoration: none;}
.wrap a:hover{text-decoration: underline;}
.wrap .cityin a,.all_city a { color:#0000cc; }
.wrap{ position:relative; margin:0 auto; width:980px;}
.wrap .s_main{ width:910px; margin:20px auto 0;}
.wrap .s_right{ width:860px; margin:20px auto 0;}
.wrap .cityin{ font-size:12px; font-weight:bold; }
.wrap .cityin a{ text-decoration:underline; margin-right:17px;float:left; display:block;font-size:14px; }
.wrap .cityin a:hover{color:#ED1C24;}
.wrap .cityin .in_cur{ font-size:14px; color:#cc0000; margin-right:5px; }
.wrap .cityin .translation { float:right; }
.wrap .cityin .translation input,.cityin .translation select { float:left; }
.wrap .in_icon{ display:block; width:8px; height:16px; float:left;margin-right:24px; background:url(diqu.gif) no-repeat ;}
.wrap .chose,.choseb{ float: left;font-weight:bold; margin-right:20px;}
.wrap .choseb{ margin-top:5px;}
.wrap .cityin_line { height:1px; border-bottom:1px solid #acacac; margin:17px 0;position:relative; z-index:9;}
.wrap .all_city dl { overflow:hidden;zoom:1;}
.wrap .all_city dl dt {color:#6694e3; font-weight:bold;width:31px;padding-bottom:11px;}
.wrap .all_city dl dd {width:860px;}
.wrap .all_city .img {width:100px; font-size:14px;}
.wrap .all_city dl dd a {padding-bottom:11px; display:inline-block; float:left; margin-right:14px;white-space:nowrap;}
.wrap .all_city dt,.all_city dd{ float:left;}
.wrap a.redLink { color:#FF0000; text-decoration:underline;}
.wrap a.blackLink { color:#000; text-decoration:none; }
/*站点 浮动返回顶部*/
.cd-top {
display: inline-block;
height: 43px;
width: 44px;
position: fixed;
bottom: 60px;
right: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: url(../images/back_top.jpg) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out {
/* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
opacity: .5;
}
.no-touch .cd-top:hover {
background-color: #e86256;
opacity: 1;
}
/*站点 浮动客服*/
.keifu img{ border:0;}
.keifu{ position:fixed; top:10%; right:0; width:131px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; background:#fbfbfb;}
.keifu_con ul{border-bottom: #e6e5e4 1px solid;}
.keifu_con li{padding-left:12px;}
.keifu_con .li-qq{ height:25px; padding-top:2px;padding-bottom:2px;}
.keifu_con .li-tel-title{ font-weight: bold; font-size: 12px; height:29px; line-height:29px;
border-top:1px solid #dddddd; }
.keifu_con .li-tel-num{ font-family: Arial; font-size:12px; color: #e66d15; line-height:20px;}
.keifu_con .li-feed-title{ font-weight: bold; font-size: 12px; border-top:1px solid #dddddd;padding-left:0px; }
.keifu_con .li-feed-title img{ padding-left:0px;width: 117px; }
.keifu_con .li-feed{ font-family: Arial; font-weight: bold;color: #e66d15; }
.keifu_con .li-weixin-title{ font-weight: bold; font-size: 12px; height:29px; line-height:29px;
border-top:1px solid #dddddd; }
.keifu_con .li-weixin{ height:96px;padding-left:0px;}
.keifu_con .li-weixin img{width: 115px;height: 115px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:10px; background:url(../images/keifu.png); background-position:0 -153px; }
/*左下角 浮动 在线留言*/
#SfMessWrap{
border:2px solid #029bdb;
padding:1px;
width:230px;
background:#f5f5f5;
z-index:100;
position: fixed;
left:2px;
bottom: 2px;
}
#SfMessHead{
background:#029bdb;
line-height:28px;
height:28px;
text-indent:10px;
font-size:12px;
color:#fff;
text-align:left;
cursor:pointer;
}
#SfMessHead #SfMessTitle{
float:left;
}
#SfMessHeadIcon{
float:right;
width:23px;
height:25px;
margin-right:2px;
background-image:url(../images/icon.png);
}
.SfMessIconOpen{
background-position:top;
}
.SfMessIconClose{
background-position:bottom;
}
#SfMessBody{
width:230px;
height:225px;
padding-bottom:5px;
}
#SfMessBodyTop{display:none;}
#SfMessBodyMid{
width:212px;
padding:0px;
margin:0px auto;
margin-top:5px;
}
#SfMessBodyMid input {
border:1px solid #cccccc;
background:#ffffff;
color:#b89d9d;
width:190px;
height:17px;
font-size:12px;
}
#SfMessBodyMid textarea {
width:210px;
height:73px;
border:1px solid #cccccc;
background:#ffffff;
color:#b89d9d;
overflow:hidden; text-align:left;
font-size:12px; padding:0px; margin:0px auto;
}
#SfMessBodyMid div {
margin-top:3px;
height:20px;
}
#SfMessBodyMid .contactmessage {
height:76px;
}
#SfMessBodyMid .contactname {
padding-left:20px;
background:url(../images/company.gif) no-repeat;
}
#SfMessBodyMid .contacttel {
padding-left:20px;
background:url(../images/mobile.gif) no-repeat;
}
#SfMessBodyMid .contactfrom {
padding-left:20px;
background:url(../images/from.gif) no-repeat;
}
#SfMessBodyMid .contactemail {
padding-left:20px;
background:url(../images/email.gif) no-repeat;
}
#SfMessBodyMid .contactvalicode {
padding-left: 20px;
background:url(../images/other.gif) no-repeat;
}
#SfMessBodyMid .contactvalicode input {
width:130px;
height: 17px;
float:left;
}
#SfMessBodyMid .contactvalicode img {
height:19px;
border:1px solid #cccccc;
background:#ffffff;
color:#b89d9d;
float:right;
}
.clearboth {
clear:both;
}
#SfMessBodyMid .must, #SfMessBodyMid .ignore, #SfMessBodyMid .other {
padding-left:20px;
background:url(../images/other.gif) no-repeat;
}
#SfMessBodyBottom{
width:220px;
height:22px;
line-height:22px;
padding:0px;
margin-top:10px;
}
#SfMessSubmit{
width:40px;
background:url(../images/send.gif);
color:#fff;
border:0; height:22px;
padding:0px;
float:right;
}
#SfMessCopy{
float:left;
height:22px;
line-height:22px;
margin-left:10px;
font-size:13px;
font-weight:bold;
color: #666666;
padding-left:25px;
background: url(../images/sign.png) left top no-repeat;
}
.SfMessTip{
display:none;
}
#SfMessBodyFoot{
display:none;
}